home *** CD-ROM | disk | FTP | other *** search
/ Chip 2003 - Homepage / CHIP.BIN / share / htmledit / bashhtml / bashhtml.exe / %AppDir% / scripts / External Javascript.txt < prev    next >
Encoding:
Text File  |  2003-09-01  |  1.7 KB  |  56 lines
  1. [DESCRIPTION]An effect that shows an image dimmed at first, but then lights up when the mouse cursor moves over it.[/DESCRIPTION]
  2.  
  3.  
  4. [HEAD CODE]<script>
  5.  
  6. <!--
  7. /*
  8. Gradual-Highlight Image Script II- 
  9. By J. Mark Birenbaum (birenbau@ugrad.cs.ualberta.ca)
  10. For full source to script, visit http://dynamicdrive.com
  11. */
  12.  
  13. nereidFadeObjects = new Object();
  14. nereidFadeTimers = new Object();
  15.  
  16. /* object - image to be faded (actual object, not name);
  17.  * destop - destination transparency level (ie 80, for mostly solid)
  18.  * rate   - time in milliseconds between trasparency changes (best under 100)
  19.  * delta  - amount of change each time (ie 5, for 5% change in transparency)
  20. */
  21.  
  22. function nereidFade(object, destOp, rate, delta){
  23. if (!document.all)
  24. return
  25. if (object != "[object]"){
  26. setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
  27. return;
  28. }
  29. clearTimeout(nereidFadeTimers[object.sourceIndex]);
  30.  
  31. diff = destOp-object.filters.alpha.opacity;
  32. direction = 1;
  33. if (object.filters.alpha.opacity > destOp){
  34. direction = -1;
  35. }
  36. delta=Math.min(direction*diff,delta);
  37. object.filters.alpha.opacity+=direction*delta;
  38.  
  39. if (object.filters.alpha.opacity != destOp){
  40. nereidFadeObjects[object.sourceIndex]=object;
  41.  
  42. nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
  43. }
  44. }
  45.  
  46. -->
  47. </script>[/HEAD CODE]
  48.  
  49.  
  50. [BODY CODE][/BODY CODE]
  51.  
  52. [NOTES]To use the script, place the following code inside an image tag:
  53.  
  54. style="filter:alpha(opacity=20)" onmouseover="nereidFade(this,100,20,11)" onmouseout="nereidFade(this,20,20,15)"
  55.  
  56. Example: <img src="image.gif" style="filter:alpha(opacity=20)" onmouseover="nereidFade(this,100,20,11)" onmouseout="nereidFade(this,20,20,15)">[/NOTES]